<%--
  Created by IntelliJ IDEA.
  User: de
  Date: 2022/4/14
  Time: 16:06
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>支付页面</title>
    <link rel="stylesheet" href="${path}/plugins/bootstrap-3.4.1-dist/css/bootstrap.css">
    <link href="${path}/plugins/Hplus/css/font-awesome.css" rel="stylesheet">
    <link rel="stylesheet" href="${path}/css/classify/index.css">
    <link href="${path}/plugins/Hplus/css/animate.css" rel="stylesheet">
    <link href="${path}/plugins/Hplus/css/style.css" rel="stylesheet">
    <link rel="stylesheet" href="${path}/css/classify/pay.css">
    <link rel="stylesheet" href="${path}/css/coupon/Coupon.css">
    <style>
        .type{
            width: 280px;
            height: 100px;
            /* border: 1px solid red; */
            background-image: url(${path}/imgs/classify/优惠券.png);
            background-size:100% 100%;
            background-repeat:no-repeat;
            position:relative;
        }
    </style>
</head>

<body>
<div class="pays">
    <div class="ups">
        <div class="up_firsts">
            <div class="first_lefts">
                <img src="${path}/imgs/classify/成功.png" alt="">
            </div>
            <div class="first_rights">
                <div class="right_up">
                    <span>订单生成成功!</span>
                    <p>请及时付款,以便快速处理您的订单</p>
                </div>
                <div class="right_end">
                    <div class="end_up">
                        应付金额￥:<span class="price" id="realPrice">${fOrd.ordPrice}</span>
                        <input type="hidden" name="oldPrice" value="${fOrd.ordPrice}">
                    </div>
                </div>
            </div>
        </div>
        <div class="up_second">
            <div style="width: 100%;height: 1px;background-color: #e0e0e0;"></div>
            <div class="second_one">
                订单号:<span>${fOrd.ordCode}</span>
                <input type="hidden" name="ordCodeHid" value="${fOrd.ordCode}">
            </div>
            <div class="second_two">
                商品名称:<span>${goods.goodsName}</span>
                <input type="hidden" name="goodsNameHid" value="${goods.goodsName}">
                <input type="hidden" name="goodsInfoHid" value="${goods.goodsInfo}">
            </div>
<%--            <div class="messages">--%>
<%--                <img src="${path}/imgs/classify/中餐.jpg" alt="">--%>
<%--            </div>--%>

         </div>
     </div>
    <input type="hidden" name="userIdHid" value="${user.id}">


<div class="downs">
    <div class="downs_top">
        <span>请选择支付方式</span>
        <div style="width: 100%;height: 1px;background-color: #e0e0e0; margin: auto;"></div>
    </div>
    <div class="downs_pay">
        <div class="method">
            <div class="now_status">
                <button class="btn btn-w-m btn-info" id="couponChoose" data-toggle="modal" data-target="#myModal" name="cou" >
                    选择优惠券
                </button>
                <!-- 模态框（Modal） -->
                <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                <h4 class="modal-title" id="myModalLabel">
                                    请选择优惠券
                                </h4>
                            </div>
                            <div class="modal-body">
                                <div class="layui-form-item">

                                <div class="fixed-table-body" >
                                    <div id="youhuiquan" style="float: left">
                                    </div>
                                </div>

                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">取消
                                </button>
                                <button type="button" class="btn btn-primary" data-dismiss="modal" name="ok">
                                    确定
                                </button>
                            </div>
                        </div><!-- /.modal-content -->
                    </div><!-- /.modal -->
                </div>
            </div>
        </div>
        <div class="cheaper">
        </div>
        <div class="pay_method">
            <div class="pay_method2">
                <a href="/fr/order"><button type="button" class="btn btn-w-m btn-success">返回</button></a>
            </div>
            <div class="pay_method1">
                <button type="button" class="btn btn-w-m btn-primary" id="payAli">确认并支付</button>
            </div>
        </div>
    </div>
</div>
</div>


<script>


</script>
<script src="${path}/plugins/jquery.min.js"></script>
<script src="${path}/js/pay/pay.js"></script>
<!-- 引入bootstrap.js/bootstrap.min.js,bootstrap依赖于jquery框架 -->
<script src="${path}/plugins/bootstrap-3.4.1-dist/js/bootstrap.js"></script>
</body>
</html>
